// 背景样式
@mixin background{
	background-color: #fff;
	margin-bottom: .75rem;
    padding: .75rem;
}

p{
	margin: 0;
}

a{
	color:#505253;
}

.logo{
	position: relative;
	width:50%;
	height: 60%;
	left: 20%;
	top:15%;
}

.swiper-container{
	padding-bottom: 0;
	height: 6rem;
	.swiper-slide{
		img{
			width:100%;
			height: 100%;
		}
	}
	.swiper-pagination{
		bottom:3px;
		.swiper-pagination-bullet{
			opacity: .8;
			background: white;
		}
		.swiper-pagination-bullet-active{
			opacity: 1;
			background: #007aff !important;
		}
	}
}


.timer{
	.region{
		display: -webkit-flex;
		display: ms-flexbox;
		display: flex;
		display: -webkit-box;
		display: box;
		flex-flow: row;
	    margin-bottom: .75rem;
		.goodsimg{
			width: 110px;
			min-height: 160px;
			text-align: center;
			background-color: #fff;
			.listimg{
				width: 88px;
				height:88px;
				margin: 35px auto;
			
			}
		}
		.goodstext{
			-webkit-flex:1;
			-ms-flex:1;
			-webkit-box-flex: 1;
			flex: 1;
			-webkit-box-flex: 1;
			background-color: #fafafa;
			h2{
				font-size: 0.7rem;
				margin: 0;
				padding: 5px;
				font-weight: normal;
			}
			.daojishi{
				text-align: center;
				padding: 5px;
				background-color: #ededed;
				font-size: 0.7rem;
				span{
					span{
						color:#3b9bff;
					}
				}
			}
			.shoujia{
				padding: 5px;
				font-size: 0.7rem;
				span{
					color:#3b9bff;
					font-size: 0.8rem;
				}
				.buyed{
					float: right;
					color:#929292;
				}
			}
			.payment{
				position: relative;
				margin-left: 14px;
				height: 30px;
				line-height: 30px;
				background-color: #3b9bff;
				text-align: center;
				color:white;
				.sanjiao{
					position: absolute;
 			   		top: 0;
 		  		    left: -15px;
 			   		width: 0;
   				 	height: 0;
  			  		font-size: 0;
  			  		border-bottom: 14px solid transparent;
  		 	 		border-top: 16px solid transparent;
    				border-right: 15px solid #3b9bff;
				}
			}
		}	
	}
	
}

.iphone{
	.region{
		background-color: #fff;
		margin-bottom: .75rem;
    	padding: .75rem;
		width: 100%;
		overflow: hidden;
		display: block;
	
		div{
			margin-left: 15%;
			margin-bottom: 5%;
			position: relative;
			display: block;
			img{
				float: left;
				margin-left: -20%;
			}
			.name{
				display: inline-block;
				height: 100%;
				p{
					margin-top: 20%;
					font-size: 1rem;
					i{
						display: inline-block;
						margin-left: .5rem;
						font-weight: bold;
						color: red;
					}
				}
			}
		
		}
	
		a{
			clear: both;
			padding: 0;
			margin: 0;
		}
	}
}


.fittings{
	.region{
		background-color: #fff;
		margin-bottom: .75rem;
    	padding: .75rem;
		width: 100%;
		overflow: hidden;
		display: block;
		position: relative;
	
		.left,.right{
			display: inline-block;
			width: 50%;
			.name{
				p{
					text-align: center;
					font-size: .5rem;
					line-height: 1rem;
					i{
						color: #ed1c24;
						font-weight: bold;
					}
				}
			}
		}
	
		.left{
			float: left;
		}
	
		.right{
			float: right;
		}
	
	}
}


// 底部部分
.foot{
	background-color: #fff;
	text-align: center;
	font-size: .5rem;
	color: #666;
	line-height: 1.5rem;
	margin-bottom: 3rem;
	
	.head{
		padding: .5rem 0rem 0rem 0rem;
		font-weight: bolder;
		display: block;
		margin-bottom: .5rem;
		
		img{
			display: block;
			margin: auto;
			width: 23.75%;
			
		}
	}
	
	.button-block{
		width: 50%;
		text-align: center;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
}


.cartfix{
	position: fixed;
    left: 3.125%;
    bottom: 2rem;
    z-index: 500;
	a{
		display: block;
   	    width: 45px;
   	 	height: 45px;
   	  	background: #3b9bff url(http://s2.hqbcdn.com/mobile/v0/images/icons/sp_icos_2.png) no-repeat 9px -45px;
    	background-size: 50px;
    	border-radius: 50%;
	}
}

